
<template>
  <div style="padding: 30px; width: 200px;">
    <JSlider @changed="changed" :min="50" :max="150" :value.sync="sValue"></JSlider>
  </div>
</template>

<script>
import JSlider from './JSlider.vue';
export default {
  components:{
    JSlider
  },  
  data(){
    return {
      sValue:100
    }
  },
  methods:{
    changed(t){
      console.log('valueChanged',t)
    }
  }
}
</script>

<style>

</style>